<template>
	<div class="cs-container">
		<div class="cs-title clear">
			<div class="left">vue-router</div>
			<div class="right"></div>
		</div>
		<div class="cs-content cs-table">
			<h3 style="color: red;">这是动态路由：{{$route.params.id}}</h3>
      <p>
				<img src="./../../../assets/images/routing.png" alt="" style="width: 720px;"/>
			</p>
			<div style="font-size: 14px;line-height: 2;color: #333333;">Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页Web应用（single page web application，SPA）。</div>
			<div style="font-size: 14px;line-height: 2;color: #333333;">
				Vue Router 是 Vue.js (opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：
			</div>
			<br>
			<div style="font-size: 14px;line-height: 2;color: #333333;">
				嵌套的路由/视图表<br>
			模块化的、基于组件的路由配置<br>
			路由参数、查询、通配符<br>
			基于 Vue.js 过渡系统的视图过渡效果<br>
			细粒度的导航控制<br>
			带有自动激活的 CSS class 的链接<br>
			HTML5 历史模式或 hash 模式，在 IE9 中自动降级<br>
			自定义的滚动条行为<br>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'ui',	
		data() {
			return {
                
			}
		},
		mounted() {
			
		},
		methods: {
			
		}
	}
</script>

<style>

</style>